<template>
  <div>
    <tiny-radar :options="options"></tiny-radar>
  </div>
</template>

<script>
import { TinyHuichartsRadar } from '@opentiny/vue-huicharts'

export default {
  components: {
    TinyRadar: TinyHuichartsRadar
  },
  data() {
    return {
      options: {
        legend: {
          show: true,
          position: {
            left: 'center',
            bottom: 20.1
          }
        },

        // radarMax 用来设置雷达图最外圈的数值
        // 当不设置 radarMax 时，雷达图坐标系为数据中的最大值
        radarMax: 100,
        data: {
          Domestic: {
            Equipment: 41,
            VM: 91,
            CSP: 81,
            RD: 51,
            Markets: 71
          },
          Abroad: {
            Equipment: 72,
            VM: 55,
            CSP: 93,
            RD: 90,
            Markets: 82
          }
        }
      }
    }
  }
}
</script>
